<template>
  <el-breadcrumb class="des" separator-class="el-icon-arrow-right">

      <el-breadcrumb-item  v-for="index in rowCount" :key="index">{{breadData[index-1]}}</el-breadcrumb-item>
  </el-breadcrumb>

</template>

<script>
export default {
  data() {
    return {
     
    };
  },
  props: ['breadData'],
  computed: {
    rowCount: function() {
      return Math.ceil(this.breadData.length);
    }
  },

}
</script>

<style>
.des{
  font-size: 16px;
}

</style>
